<template>
  <div class="Footer fixed">
    <router-link active-class="base" to="/product" class="page home">
      <van-icon name="wap-home-o" size="18" />
      <p>首页</p>
    </router-link>
    <router-link active-class="base" to="/type" class="page categery">
      <van-icon name="apps-o" size="18" />
      <p>分类</p>
    </router-link>
    <router-link active-class="base" to="/cart" class="page cart-page">
      <van-icon name="shopping-cart-o" size="18" />
      <p>购物车</p>
    </router-link>
    <router-link active-class="base" to="/my" class="page my">
      <van-icon name="user-o" size="18" />
      <p>我的</p>
    </router-link>
    <router-link active-class="base" to="/demo" class="page my">
      <van-icon name="user-o" size="18" />
      <p>demo</p>
    </router-link>
    <van-button round type="info" @click="daka">哈</van-button>
  </div>
</template>

<script>
import $http from '@/utils/http'
export default {
    methods: {
      daka() {
        $http.post('/sign/daka',{username:'南山李向东',finished: true}).then(res=> {
          alert(res.msg);
        })
      }
    }
};
</script>

<style scoped>
.Footer {
  display: flex;
  height: 50px;
  width: 100vw;
  justify-content: space-around;
  background-color: white;
}
.fixed {
  position: fixed;
  bottom: 0px;
}
.page {
  text-align: center;
  padding-top: 5px;
}
.page > p {
  font-size: 12px;
  margin: 5px 0 0 0;
}
</style>
